<template>
  <aside class="box">
    <div class="backhome" @click="backhome">
      <p>首</p>
      <p>页</p>
    </div>
  </aside>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  methods: {
    backhome() {
      this.$router.push('/')
    }
  }
})
</script>

<style lang="scss" scoped>
.box {
  .backhome {
    width: 0.2rem;
    height: 0.4rem;
    font-size: 0.12rem;
    background: rgb(124, 122, 118);
    color: #fff;
    position: fixed;
    bottom: 0.9rem;
    right: 0;
    line-height: 0.2rem;
    text-align: center;
    border-top-left-radius: 20%;
    border-bottom-left-radius: 20%;
    z-index: 200;
  }
}
</style>
